<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>关于 · Bootstrap中文网</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
    <meta name="author" content="Bootstrap中文网">
    <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
    <meta name="robots" content="index,follow">
    <meta name="application-name" content="bootcss.com">

    <!-- Le styles -->
    <link href="docfiles/bootstrap.css" rel="stylesheet">
    <link href="docfiles/bootstrap-responsive.css" rel="stylesheet">
    <link href="docfiles/docs.css" rel="stylesheet">
    <style>
    h1, h2, h3, .masthead p, .subhead p, .marketing h2, .lead
{
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
  font-weight: normal;
}

#scrollUp {
  bottom: 20px;
  right: 20px;
  height: 38px;  /* Height of image */
  width: 38px; /* Width of image */
  background: url("assets/img/top.png") no-repeat;
}
    </style>
    <link href="docfiles/prettify.css" rel="stylesheet">
    <link href="docfiles/bootstro.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="assets/ico/favicon.png">

    <script>
var _hmt = _hmt || [];
</script>
  <style type="text/css" id="holderjs-style">.holderjs-fluid {font-size:16px;font-weight:bold;text-align:center;font-family:sans-serif;margin:0}</style></head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="">Bootstrap中文网</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="">
                <a href="index.html">首页</a>
              </li>
              <li class="">
                <a href="getting-started.html" class="bootstro" data-bootstro-title="这里介绍了从零开始使用Bootstrap的基本步骤。教你创建一个最简单的Bootstrap页面。" data-bootstro-placement="bottom" data-bootstro-step="0">起步</a>
              </li>
              <li class="">
                <a href="scaffolding.html" class="bootstro" data-bootstro-title="这里详细介绍了Bootstrap的栅格系统。对于栅格系统的理论知识，最好动手谷歌一下！" data-bootstro-placement="bottom" data-bootstro-step="1">脚手架</a>
              </li>
              <li class="">
                <a href="base-css.html" class="bootstro" data-bootstro-title="这里介绍了Bootstrap对HTML标签所设置的默认样式。任何一个符合HTML5规范的页面只要引入Bootstrap就自然具有了优雅的外观，这就是Bootstrap的功劳！" data-bootstro-placement="bottom" data-bootstro-step="2">基本CSS样式</a>
              </li>
              <li class="">
                <a href="components.html" class="bootstro" data-bootstro-title="这里介绍了常用的诸如按钮、弹框、导航条、下拉菜单、进度条等等常见的页面组件。按照例子照猫画虎就可以，熟能生巧。这些都不需要刻意去记忆，需要的时候随时回来翻文档，然后复制、粘贴即可！" data-bootstro-placement="bottom" data-bootstro-step="3">组件</a>
              </li>
              <li class="">
                <a href="javascript.html" class="bootstro" data-bootstro-title="这里介绍了Bootstrap自带的具有交互功能的组件。页面要想与用户交互当然离不开Javascript了。Bootstrap的组件都是基于jQuery的，你熟悉jQuery吗？建议谷歌一下。" data-bootstro-placement="bottom" data-bootstro-step="4">JavaScript插件</a>
              </li>
              <li class="">
                <a href="customize.html" class="bootstro" data-bootstro-title="在这里可以通过设置Bootstrap提供的参数改变Bootstrap的样貌。我们不建议过早接触这里，在你熟悉Bootstrap阶段，最好是通过覆盖样式的方式修改Bootstrap默认的外观。等你需要深入了解Bootstrap时，可以先学习Lesscss ---&gt;&gt;&gt;" data-bootstro-placement="bottom" data-bootstro-step="5">定制</a>
              </li>
              <li class="lesscss">
                <a target="_blank" href="lesscss.html" class="bootstro" data-bootstro-title="Lesscss是一种预编译脚本，编译之后就是你所熟悉的CSS了。Bootstrap就是采用Less语法书写的。想要深入Bootstrap底层的同学一定要看这里打好基础！" data-bootstro-placement="bottom" data-bootstro-step="6">Lesscss教程</a>
              </li>

              <li class="active">
                <a href="about.html">关于</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

<!-- Subhead
================================================== -->
<header class="jumbotron subhead" id="overview">
  <div class="container">
    <h1>关于</h1>
    <p class="lead">Bootstrap中文网致力于前端开发推广，坚持分享、开放的互联网精神</p>
  </div>
</header>


  <div class="container">

    <!-- Docs nav
    ================================================== -->
    <div class="row">
      <div class="span3 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav affix">
          <li class=""><a href="#about-us"><i class="icon-chevron-right"></i>关于Bootstrap中文网</a></li>
          <li class=""><a href="#show"><i class="icon-chevron-right"></i>展示你的Bootstrap作品</a></li>
          <li class="active"><a href="#friends"><i class="icon-chevron-right"></i>Bootstrap中文网的朋友们</a></li>
          <li class=""><a href="#cooperation"><i class="icon-chevron-right"></i> 合作</a></li>
        </ul>
      </div>
      <div class="span9">

        <section id="about-us">
          <div class="page-header">
            <h1>关于我们</h1>
          </div>
          <p class="lead">Bootstrap中文网 -- www.bootcss.com 
创建于2012年11月末。起因是国内没有较好的关于Bootstrap的中文教程和交流渠道，因此，我们对Bootstrap的文档进行了翻译整理，并
且建立了QQ群和微博（@bootcss），方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。</p>

        </section>

        <section id="show">
          <div class="page-header">
            <h1>展示你的Bootstrap作品</h1>
          </div>
          <p class="lead">你是Bootstrap粉丝吗？你正在用Bootstrap做开发吗？你开发的网站是Powered By Bootstrap 的吗？那就把你的网站show出来吧！</p>
          <blockquote>
          <p>凡是经过确认采用Bootstrap CSS 的网站，我们会将你所提交网站的截图展示到 Bootstrap中文网 的首页，让你得到众多Bootstrap粉丝的羡慕！！！</p>
          <p>请发邮件到下面的邮箱，并在邮件标题上注明（Bootstrap网站作品提交 -- 网站名称或网址）。</p>
          <p>Mail： <a href="mailto:bootcss.com@gmail.com" target="_blank">bootcss.com@gmail.com</a></p>
          </blockquote>
        </section>


        <section id="friends">
          <div class="page-header">
            <h1>Bootstrap中文网的朋友们</h1>
          </div>
            <blockquote>
          <p>如果您想和我们互换链接，请通过QQ或Email给我留言（见下方）。谢谢。<br>
		交换链接要求：设计类、IT、开源、原创博客。<br>
		我们的文字链接： Bootstrap中文网</p>
		</blockquote>
	<h5>开源技术</h5>
          <ul>
            <li><a href="http://www.jsbin.cn/" title="JavaScript开发者社区" target="_blank">JS开发者</a></li>
            <li><a href="http://www.golaravel.com/" title="Laravel-简洁、优雅的PHP开发框架(PHP Web Framework)。- Laravel中文网 Laravel中国社区" target="_blank">Laravel中文网</a></li>
            <li><a href="http://www.cnosi.com/" title="开源产业网(cnosi.com) - 中国最富活力的开源社区。汇集国内外的开源软件，为国内开发者提供一个交流、分享的平台；为开源软件团队提供帮助，发展国内的开源产业！" target="_blank">开源产业网</a></li><a href="http://www.cnosi.com/" title="开源产业网(cnosi.com) - 中国最富活力的开源社区。汇集国内外的开源软件，为国内开发者提供一个交流、分享的平台；为开源软件团队提供帮助，发展国内的开源产业！" target="_blank">
            </a><li><a href="http://www.cnosi.com/" title="开源产业网(cnosi.com) - 中国最富活力的开源社区。汇集国内外的开源软件，为国内开发者提供一个交流、分享的平台；为开源软件团队提供帮助，发展国内的开源产业！" target="_blank"></a><a href="http://www.oschina.net/" title="开源中国 - 找到您想要的开源软件，分享和交流" target="_blank">开源中国</a></li>
            <li><a href="http://segmentfault.com/" title="SEGMENTFAULT 为开发者提供高效的解决问题平台" target="_blank">技术问答SegmentFault</a>
            </li>
          </ul>
      <h5>设计</h5>
      	<ul>
              <li><a href="http://shijue.me/" title="视觉中国" target="_blank">视觉中国</a></li>
      		<li><a href="http://www.uisdc.com/" title="优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网" target="_blank">优秀网页设计联盟</a></li>
              <li><a href="http://www.aliued.com/" title="Alibaba(中文站)UED" target="_blank">Alibaba(中文站)UED</a></li>
              <li><a href="http://ux.etao.com/" title="一淘UX" target="_blank">一淘UX</a></li>
              <li><a href="http://ued.taobao.com/blog/" title="TaoBaoUED" target="_blank">TaoBaoUED</a></li>
              <li><a href="http://uxc.360.cn/" title="360UXC" target="_blank">360UXC</a></li>
      	</ul>
        <h5>WEB标准</h5>
        <ul>
          <li><a href="http://www.html5dw.com/" title="HTML5梦工场-HTML5 Dreamworks" target="_blank">HTML5梦工场</a></li>
              <li><a href="http://www.mnclub.cn/" title="码农俱乐部" target="_blank">码农俱乐部</a></li>
              <li><a href="http://www.html5plus.org/" title="HTML5 移动拓展联盟" target="_blank">HTML5 移动拓展联盟</a></li>
             
        </ul>

        <h5>WEB开发</h5>
        <ul>
          <li><a href="http://www.gbin1.com/" title="GBin1" target="_blank">GBin1</a></li>
          <li><a href="http://www.gbtags.com/" title="极客标签" target="_blank">极客标签</a></li>
        </ul>

        </section>


        <section id="cooperation">
          <div class="page-header">
            <h1>合作</h1>
          </div>
          <p class="lead">Bootstrap中文网致力于前端开发推广，坚持分享、开放的互联网精神，旨在为广大前端攻城师、设计师提供交流的平台，如果你和我们有相同的目标，我们乐意一起携手前行。</p>

          <h3>联系方式</h3>
          <ul>
            <li>QQ: 124369963</li>
            <li>Mail: <a href="mailto:bootcss.com@gmail.com" target="_blank">bootcss.com@gmail.com</a></li>
          </ul>
        </section>


      </div>
    </div>

  </div>




    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
        <p><a href="http://glyphicons.com/" target="_blank">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
        <p>本网站所列开源项目的中文版文档全部由<a href="">Bootstrap中文网</a>成员翻译，并全部遵循 <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>协议发布。</p>
        <ul class="footer-links">
          <li><a href="about.html" target="_blank">关于</a></li>
          <li class="muted">·</li>
          <li><a href="https://github.com/twitter/bootstrap/issues?state=open" target="_blank">问题反馈</a></li>
          <li class="muted">·</li>
          <li><a href="https://github.com/twitter/bootstrap/blob/master/CHANGELOG.md">版本变更记录</a></li>
          <li><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a></li>
        </ul>
      </div>
    </footer>



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <script src="docfiles/jquery_002.js"></script>
    <script src="docfiles/jquery.js"></script>
    <script src="docfiles/bootstrap.js"></script>
    <script src="docfiles/bootstro.js"></script>
    <script src="docfiles/prettify.js"></script>

  <script src="docfiles/jquery_003.js"></script>
    <script>
      $(document).ready(function(){
        $("img.lazy").unveil();
        
             $("#start-intro").click(function(){
                bootstro.start();    
            });

             $.scrollUp({
                  scrollName: 'scrollUp', // Element ID
                  topDistance: '300', // Distance from top before showing element (px)
                  topSpeed: 300, // Speed back to top (ms)
                  animation: 'fade', // Fade, slide, none
                  animationInSpeed: 200, // Animation in speed (ms)
                  animationOutSpeed: 200, // Animation out speed (ms)
                  scrollText: '', // Text for element
                  activeOverlay: false  // Set CSS color to display scrollUp active point, e.g '#00FFFF'
            });
          });
    </script>

    <!-- Analytics
    ================================================== -->
	<script src="docfiles/h.js" type="text/javascript"></script>
    
    <script src="docfiles/holder.js"></script>
    <script src="docfiles/application.js"></script>
  

<a style="position: fixed; z-index: 2147483647; display: block;" title="" href="#top" id="scrollUp"></a></body></html>